<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="icon" href="img/iconfont Demo_files/demo.css">
		<link rel="stylesheet" href=""/>
		<link href="css/new_file.css" rel="stylesheet"/>
	</head>
	<body>
		<div class="header">
					<div class="wrap">
						<ul class="header-left">
						<li><a href="#">小米商城</a><span>|</span></li>
						<li><a href="#">MIUI</a><span>|</span></li>
						<li><a href="#">LOT</a><span>|</span></li>
						<li><a href="#">云服务</a><span>|</span></li>
						<li><a href="#">天星数科</a><span>|</span></li>
						<li><a href="#">有品</a><span>|</span></li>
						<li><a href="#">小艾开放平台</a><span>|</span></li>
						<li><a href="#">企业团购</a><span>|</span></li>
						<li><a href="#">资质证照</a><span>|</span></li>
						<li><a href="#">协议规则</a><span>|</span></li>
						<li><a href="#">下载app</a><span>|</span>
						<div class="download">
							<a href="#">
								<img src="img/download.png" alt=""/>
							</a>
						</div>
						<div class="triangle"></div>
						</li>
						<li><a href="#">智能生活</a><span>|</span></li>
						<li><a href="#">Select Location</a></li>
						</ul>
						<ul class="header-right">
							<li><a href="#">登录</a><span>|</span></li>
							<li><a href="#">注册</a><span>|</span></li>
							<li><a href="#">消息通知</a><span>|</span></li>
							<li class="cart"><a href="#"><i class="iconfont">&#xe607;</i>购物车(0)</a>
							<div class="cart-list">
								        购物车中还没有商品，赶紧选购吧！
					        </div>
							</li>
						</ul>
					</div>
				</div>
				<div class="nav">
						<div class="wrap">
							<div class="logo">
								<a href="#">
									<img src="img/logo.png" alt=""/>
								</a>
							</div>
							<div class="nav-bar">
								<ul>
									<li><a href="#">小米手机</a>
									<div class="nav-bar-list">
										<div class="wrap">
											<ul>
												<li>
													<a href="#">
														<div class="img-box">
															<img src="img/xiaomi.webp" alt=""/></div>
															<p>小米11 Pro</p>
															<p>4499元起</p>
													</a>
												</li>
											</ul>
										</div>
									</div>
									</li>
									<li><a href="#">Redmi手机</a></li>
									<li><a href="#">电视</a></li>
									<li><a href="#">笔记本</a></li>
									<li><a href="#">家电</a></li>
									<li><a href="#">路由器</a></li>
									<li><a href="#">智能硬件</a></li>
									<li><a href="#">服务</a></li>
									<li><a href="#">社区</a></li>
								</ul>
							</div>
							<div class="search">
								<input type="text">
								<a href="#" class="iconfont"></a>
							</div>
						</div>
					</div>
					 <div class="banner">
						<div class="wrap">
							<div class="banner-box"></div>
							<div class="slide">
								<ul>
									<li><a href="#">手机</a></li>
									<li><a href="#">电视</a></li>
									<li><a href="#">家电</a></li>
									<li><a href="#">笔记本 平板</a></li>
									<li><a href="#">出行 穿戴</a></li>
									<li><a href="#">出行 穿戴</a></li>
									<li><a href="#">健康 儿童</a></li>
									<li><a href="#">生活 箱包</a></li>
									<li><a href="#">智能 路由器</a></li>
									<li><a href="#">电源 配件</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="adv">
						<div class="wrap">
							<div class="adv-aside">
									<ul>
										<li class="row">
											<a href="#">
												<img src="img/x1.png" alt=""/>
												<p>保障服务</p>
											</a>
										</li>
										<li class="row">
											<a href="#">
												<img src="img/x2.png" alt=""/>
												<p>保障服务</p>
											</a>
										</li>
										<li class="row">
											<a href="#">
												<img src="img/x3.png" alt=""/>
												<p>保障服务</p>
											</a>
										</li>
										<li class="row">
											<a href="#">
												<img src="img/x4.png" alt=""/>
												<p>保障服务</p>
											</a>
										</li>
										<li class="row">
											<a href="#">
												<img src="img/x5.png" alt=""/>
												<p>保障服务</p>
											</a>
										</li>
										<li class="row">
											<a href="#">
												<img src="img/x6.png" alt=""/>
												<p>保障服务</p>
											</a>
										</li>
									</ul>
							</div>
							<div class="adv-img">
								<a href="#">
								<img src="img/6b67117bc92924fb2ff0e7ad2be86084.png" alt=""/>
								</a>
							</div> 
							<div class="adv-img">
								<a href="#">
								<img src="img/8dede2520f8dfff9c9b690af498cafe8.jpg" alt=""/>
								</a>
							</div>
							<div class="adv-img">
								<a href="#">
									<img src="img/1ac77590368ff636d0b4f6a988133f55.png" alt=""/>
								</a>
							</div>
						</div>
					</div>
					<div class="mix-box">
						<div class="wrap">
							<div class="container">
										<a href="#">
											<img src="img/9b812c67f54c30d1fe9218b8393fc0c3 (1).webp"/>
										</a>
							</div>
							<div class="box-hd">
								<h1 class="title">手机</h1>
							</div>
							<div class="box-hd-clearfix">
								<div class="box-hd-hot">
									<a href="#">
										<img src="img/a1.webp" alt="" />
									</a>
								</div>
								<div class="box-hd-list"></div>
							</div>
						</div>
					</div>
	</body>
</html>
